<template>
    <div class="index_page">

        <dgHeader/>

        <div class="center">

            <div class="c_center_headline">
                <div class="c_center_headline_container">
                    <a class="c_center_headline_text fontSize_1">欢迎光临，数字能量</a>
                    <br>
                    <div class="c_studio_mark">
                        <a>Studio</a>
                    </div>
                </div>

            </div>

            <div class="c_center_subline">
                <a class="c_center_subline_text fontSize_2">我们设计和开发具有卓越用户体验的产品</a>
                <br>
                <a class="c_center_subline_text fontSize_2">助力您拥抱互联网和数字媒体</a>
            </div>

            <div class="c_center_line">
                <div class="c_center_line_container">
                    <div class="line_short"></div>
                </div>

            </div>

            <div class="c_center_intro">
                <div class="c_center_intro_container">
                    <img src="../../assets/img/c_intro.png">
                </div>
            </div>

        </div>

        <div class="post_container" id="main">

            <div class="post_single post_full" id="post_1">
                <div class="ps_container">

                    <div class="ps_info_area">
                        <div class="ps_title fontSize_2">
                            <a>Airbnb品牌设计</a>
                        </div>

                        <div class="ps_cata fontSize_3">
                            <a>产品设计, 前端开发</a>
                        </div>
                    </div>


                    <div class="ps_media">
                        <!--img src="./assets/img/banner_full.png"-->
                        <video autoplay muted loop>
                            <source src="../../assets/video/Airbnb_Home_Animation.mp4" type="video/mp4">
                        </video>
                    </div>
                </div>
            </div>



            <div class="post_single post_half">
                <div class="ps_container">

                    <div class="ps_info_area">
                        <div class="ps_title fontSize_2">
                            <a>B2C移动端应用程序</a>
                        </div>

                        <div class="ps_cata fontSize_3">
                            <a>产品设计, APP开发</a>
                        </div>
                    </div>


                    <div class="ps_media">
                        <img src="../../assets/img/banner_half_3.gif">
                    </div>
                </div>
            </div>

            <div class="post_single post_half">
                    <div class="ps_container">

                        <div class="ps_info_area">
                            <div class="ps_title fontSize_2">
                                <a>3D数据可视化</a>
                            </div>

                            <div class="ps_cata fontSize_3">
                                <a>产品设计, 数据可视化, 前端</a>
                            </div>
                        </div>


                        <div class="ps_media">
                            <img src="../../assets/img/banner_half_2.png">
                        </div>
                    </div>
            </div>

            <div class="post_single post_half">
                    <div class="ps_container">

                        <div class="ps_info_area">
                            <div class="ps_title fontSize_2">
                                <a>生活助手微信小程序</a>
                            </div>

                            <div class="ps_cata fontSize_3">
                                <a>产品设计, 前端开发</a>
                            </div>
                        </div>


                        <div class="ps_media">
                            <img src="../../assets/img/banner_half_5.png">
                        </div>
                    </div>
            </div>

            <div class="post_single post_half">
                    <div class="ps_container">

                        <div class="ps_info_area">
                            <div class="ps_title fontSize_2">
                                <a>优质社区/公众号运营</a>
                            </div>

                            <div class="ps_cata fontSize_3">
                                <a>数字媒体营销</a>
                            </div>
                        </div>


                        <div class="ps_media">
                            <img src="../../assets/img/banner_half_4.gif">
                        </div>
                    </div>
            </div>


        </div>

        <div class="contact_us">
            <div class="cus_container">
                <div class="cus_text">
                    <div class="cus_text_headline">
                        <a>联系我们，立刻启动项目</a>
                    </div>

                    <div class="cus_text_subline">
                        <a>填写电子邮件，我们马上联系您</a>
                    </div>
                </div>

                <div class="cus_email_input" >
                    <div class="cus_email_input_box" >
                        <input type="text" name="email" placeholder="电子邮箱" oninput="inputing()" id="cus_email_input_box">
                    </div>

                    <div class="cus_email_submit" id="cus_email_submit">
                        <img src="../../assets/img/ui_btn_send.png">
                    </div>
                </div>
            </div>
        </div>

        <dgFooter/>
    </div>
</template>

<style lang="less" scoped>
@import './index.less';
</style>

<script>
import index from './index'
export default {
    ...index
}
</script>





